/* Easier and tidier to declare mutiple styles, rather than mutiple font families - the WOFFs etc are all different */

@font-face {
    font-family: 'Open Sans';
    src: url('/content/system/fonts/OpenSans-Light-webfont.eot');
    src: url('/content/system/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/content/system/fonts/OpenSans-Light-webfont.woff') format('woff'), url('/content/system/fonts//OpenSans-Light-webfont.ttf') format('truetype'), url('/content/system/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/content/system/fonts/OpenSans-Regular-webfont.eot');
    src: url('/content/system/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/content/system/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/content/system/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/content/system/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/content/system/fonts/OpenSans-Bold-webfont.eot');
    src: url('/content/system/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/content/system/fonts/OpenSans-Bold-webfont.woff') format('woff'), url('/content/system/fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('/content/system/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

/* Reset */
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
}

a {
    text-decoration: none;
}

p {
    font-size: 14px;
    font-weight: 300;
}

h1, h2 {
    font-weight: 400;
}

strong {
    font-weight: 700;
}

/* Unsupported */
.unsupportedBrowser h1 {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}

.unsupportedBrowser h2 {
    font-size: 16px;
}

/* General */
#section-name {
    font-size: 18px;
}

#logout-text, #specificationTaskList h2, .specTaskListMessage, .mdl-toolbox-options {
    font-size: 16px;
}

.mdl-module-editable {
    font-size: 11px;
}

.navigation-tile-text {
    font-size: 32px;
    font-weight: 300;
}

.title-row {
    font-size: 18px;
    font-weight: 300;
    -ms-word-break: break-all; /*prefix necessary for versions prior to 11 */
    word-break: break-all;
    word-break: break-word; /* Non standard for webkit ONLY (old and new) and automatically takes priority over :break-all */
}

.details-heading, .details-text {
    font-size: 14px;
    font-weight: 300;
}

/* Login Module */
#sign-in-text {
    font-size: 32px;
    font-weight: 300;
}

#login-error {
    font-size: 13px;
}

.login-parameter-text, .login-parameter-input {
    font-size: 18px;
    font-weight: 300;
}

.login-information {
    font-size: 12px;
}


#login-button {
    font-size: 14px;
}

/* Projects Module */
.project-alias {
    font-size: 18px;
    font-weight: 300;
    -ms-word-break: break-all; /*prefix necessary for versions prior to 11 */
    word-break: break-all;
    word-break: break-word; /* Non standard for webkit ONLY (old and new) and automatically takes priority over :break-all */
}

.project-description {
    font-size: 14px;
    font-weight: 300;
}

/* Specification Details Module */
.filter-background {
    font-size: 18px;
}

.filter-box {
    font-weight: normal;
}

/* Override for toolbox font icon description size */
.mdl-toolbox-module {
    font-size: 1.1em;
}

.mdl-toolbox-options {
    font-size: 14px;
}
/* Overwrite module specific styles for this Skin */
#moduleToolbox {
    font-size: 12px;
}